<template>
	<div class="mainContent">
		<pathTracking :path="Model.path" />
		<div class="container">
			<div class="bgWhite bgRadius" style="margin-bottom: 24px;">
				<div class="common-table-title">
					<div class="common-table-icon"></div>
					<div class="common-table-fl">总库存统计1</div>
				</div>
				<div class="storkCard">
					<div class="storkCardMain storeBgYellow">
						<div class="storkCardMainImg">
							<img src="@/assets/img/icon_store_chart.png" alt="">
						</div>
						<div class="storkCardMainDetail">
							<div class="storkCardMainDetailTitle">
								总库存数量
							</div>
							<div class="storkCardMainDetailCount">
								500000
							</div>
						</div>
					</div>
					<div class="storkCardMain storeBgPink">
						<div class="storkCardMainImg">
							<img src="@/assets/img/icon_store_money.png" alt="">
						</div>
						<div class="storkCardMainDetail">
							<div class="storkCardMainDetailTitle">
								总库存数量
							</div>
							<div class="storkCardMainDetailCount">
								500000
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="storkCharts">
				<div class="bgWhite bgRadius" v-for="(item,index) in Model.chartForOption" :key="index">
					<div class="common-table-title">
						<div class="common-table-icon"></div>
						<div class="common-table-fl">{{item.label}}</div>
					</div>
					<div class="storkChartsMain">
						<div :id="item.id" style="width: 100%;height: 350px;"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import pathTracking from "@/components/common/pathTracking";
	import pagination from "@/components/common/pagination.vue";
	import filterSelectBox from "@/components/common/filterSelectBox";
	import advancedSearch from "@/components/common/filter/advancedSearch";

	import Model from "./model.js";
	import Controller from "./controller.js";
	export default {
		name: "purchase",
		mixins: [Model, Controller],
		components: {
			advancedSearch,
			pagination,
			pathTracking,
			filterSelectBox
		}
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style lang="less" scoped>
	@import "./index.less";
</style>
